import React from 'react'
import css from './ArticleListItem.module.less'
import { IFArticle } from '@/store/reducer'

type P = {
  item: IFArticle
  handel: (e: IFArticle) => void
}

type S = {}

export default class ArticleListItem extends React.Component<P, S> {
  constructor(props: P) {
    super(props)
    this.state = {}
  }
  render() {
    const { fileName } = this.props.item
    return (
      <div
        className={`${css.card} ${css.model_item_box}`}
        onClick={() => this.props.handel(this.props.item)}
      >
        {fileName}
      </div>
    )
  }
}
